<div style="padding-bottom: 7rem;">
    <router-outlet></router-outlet>
    <div class="fixed-menu">
      <div class="fixed-menu-item" [ngClass]="{active:active === 'index'}" routerLink="/">
        <img src="../../assets/images/index/icon-index.png" />
        <img class="active" src="../../assets/images/index/icon-index-active.png" />
        <p>{{'index-menu-home' | translate}}</p>
      </div>
      <div class="fixed-menu-item" [ngClass]="{active:active === 'fl'}" routerLink="/fl">
        <img src="../../assets/images/index/icon-fl.png" />
        <img class="active" src="../../assets/images/index/icon-fl-active.png" />
        <p>{{'index-menu-fl' | translate}}</p>
      </div>
      <!-- <div class="fixed-menu-item" [ngClass]="{active:active === 'mh'}" routerLink="/mh">
        <img src="../../assets/images/index/icon-mh.png" />
        <img class="active" src="../../assets/images/index/icon-mh-active.png" />
        <p>{{'index-menu-mh' | translate}}</p> 
      </div> -->
      <div class="fixed-menu-item" [ngClass]="{active:active === 'my'}" routerLink="/indexMy">
        <img src="../../assets/images/index/icon-my.png" />
        <img class="active" src="../../assets/images/index/icon-my-active.png" />
        <p>{{'index-menu-my' | translate}}</p>
      </div>
    </div>
</div>